<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>车辆保险查询审核</title>
    <style>
        /* 样式表 */
        table {
            border-collapse: collapse;
            width: 100%;
        }
        th, td {
            padding: 8px;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }
        th {
            background-color: #f2f2f2;
        }
        input[type="text"] {
            padding: 6px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            width: 200px;
        }
        button {
            background-color: #4CB2F6;
            color: white;
            padding: 8px 16px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background-color: #0369BF;
        }
        
        .pagination {
        	position:absolute;
        	margin:20px;
        	right:0;
        	bottom:0;
            display: inline-block;
            margin-top: 16px;
        }
        .pagination a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            border: 1px solid #ddd;
            margin: 0 4px;
        }
        .pagination a.active {
            background-color: #4CB2F6;
            color: white;
        }
        .pagination a:hover:not(.active) {
            background-color: #ddd;
        }
        .btn {
        	color: #1890ff;
        	padding: 8px 16px;
        	border: none;
        	border-radius: 4px;
        	cursor: pointer;
        	text-decoration: none;
    	}
    	.btn:hover{
    		text-decoration: underline;
    	}
    	#header2 {
    	width:115%;
			height: 40px;
			background: #F6F6F6;
		}
    </style>
</head>
<body>
	<div id="header2">
		<img src="img/申请用车.png" alt="Big Boat" width="30" height="30"
			style="vertical-align: middle;"> 车辆保养 > 保养详情
	</div>
    <div style="height:50px;background-color:#DFF8FF;position:relative;display:flex;align-items:center;justify-content:flex-end;">
    	<button>新增</button>
    	<button style="margin-left:20px;">编辑</button>
    	<button style="margin-left:20px;">打印</button>
	</div>

    <table>
        <thead>
            <tr>
                <th><input type="checkbox"></th>
                <th>序号</th>
                <th>车牌号码</th>
                <th>加油日期</th>
                <th>油料品种</th>
                <th>加油升数</th>
                <th>油卡号</th>
                <th>加油金额</th>
                <th>加油地点</th>
                <th>经办人</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="checkbox"></td>
                <td>1</td>
                <td>赣A00001</td>
                <td>2023-01-01</td>
                <td>92# 汽油</td>
                <td>60（升）</td>
                <td>BDH202200002</td>
                <td>￥288.78</td>
                <td>xx加油站</td>
                <td>张三</td>
                <td>
                    <a class="btn" href="D-add_maintenance.jsp">查看</a>
                    <a class="btn" href="D-add_maintenance.jsp">编辑</a>  
                    <a class="btn" href="#" style="color:red;">删除</a>
                </td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>2</td>
                <td>赣A00002</td>
                <td>2023-01-01</td>
                <td>92# 汽油</td>
                <td>60（升）</td>
                <td>BDH202200002</td>
                <td>￥100.78</td>
                <td>xx加油站</td>
                <td>李四</td>
                <td>
                    <a class="btn" href="D-add_maintenance.jsp">查看</a>
                    <a class="btn" href="D-add_maintenance.jsp">编辑</a>  
                    <a class="btn" href="#" style="color:red;">删除</a>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="pagination">
        <a href="#">« 上一页</a>
        <a href="#" class="active">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">下一页 »</a>
    </div>
</body>
</html>